<template>
	<div id="van-swipe">
		<div class="banner">
			<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
				<van-swipe-item v-for="(item,index) in banner" :key="item.group_data_id" style=" width='100%'">
					<img :src="item.pic" alt="" width="100%">
				</van-swipe-item>
			</van-swipe>
		</div>

	</div>
</template>

<script>
	export default {
		props: {
			banner: {
				typeof: [Array, Object],
				default: ""
			},
		}
	}
</script>

<style lang="scss" scoped>
	$width:(100vw / 375);

	.banner {
		width: 100%;

		.my-swipe .van-swipe-item {
			width: 100%;

			.van-swipe__indicator {
				width: 20 * $width;
			}
		}
	}
</style>
